<template>
  <div id="app">
    <div class="index">
      <layout-header></layout-header>
        <el-row>
          <el-container>
            <el-main class="main">
              <router-view/>
            </el-main>
          </el-container>
        </el-row>
      <layout-footer class="footer"></layout-footer>
    </div>
  </div>
</template>

<script>
import layoutHeader from '../layout/default-header.vue'
import layoutFooter from '../layout/default-footer.vue'
export default {
  name: '',
  data () {
    return {
      link: true,
      highLight: false
    }
  },
  components: {
    layoutHeader,
    layoutFooter
  },
  methods: {

  }
}


</script>

<style lang='stylus' scoped>
  .index
    .header
      line-height 3.75rem
      .link
        color #b8b8c2 
        font-size 1rem
        font-weight bold
        text-decoration none
    display flex
    flex-direction column

  #app {
    height auto
    background-image url('/night.gif')
    background-color #000
  }
  
  .main {
    // min-height 600px
    padding: 0px;
  }
  .footer {

  }
</style>
